<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
	<head>
		<meta name="viewport" content="width=device-width, initial-scale=1" />
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<link rel="stylesheet" href="css/themes/default/jquery.mobile-1.1.0.min.css" />
		<script type="text/javascript" src="js/jquery.js"></script>
		<script type="text/javascript" src="js/jquery.mobile-1.1.0.min.js"></script>
		<script type="text/javascript">
		
			$(document).ready(function(){
				$("#bt_search").click(function(){
					if ($("#search").css("display") == "block") {
						$("#search").slideUp();
					}
					else{
						$("#search").slideDown("100",function(){$("#searchinput").focus()});
					}
				});
				$("#togglelight").change(function(){

					if ($("#togglelight").val()=="on ") {
						// alert("开灯");  调试时使用
						jsplugin.openLight();
					}else{
						// alert("关掉");  调试时使用
						jsplugin.offLight();
					}

				});
				$("#update0").click(function(){
					if ($("#header0").css("display")=="none") {

						$("#header0").slideDown("slow");
					}else{
						$("#header0").slideUp("slow");
					}


				});


				//点击更换
				$("#today").click(function(){
					jsplugin.toToday();
				});

				$("#iptool").click(function(){
					jsplugin.toIp();
				});
				$("#phone_reg").click(function(){
					jsplugin.toPhoneR();
				});
				$("#idcard").click(function(){
					jsplugin.toIDcard();
				});
				$("#commp").click(function(){
					jsplugin.toCommPh();
				});
				$("#dict").click(function(){
					jsplugin.toDict();
				});
				$("#sfz").click(function(){
					jsplugin.toSFZ();
				});
				$("#trains").click(function(){
					jsplugin.toTrain();
				});
				$("#goodday").click(function(){
					jsplugin.toGoodDay();
				});

			});
			



		</script>
		<title>工具箱</title>
		<meta name="author" content="Gordon" />
		<!-- Date: 2012-07-05 -->
	</head>
	<body>
		<div data-role="page">
			<div data-role="header" data-theme="e" id="header0" style="display:none">
				<h1 style="font-size: 24px">宅男工具箱</h1>
				<a href="">更新软件</a>
				<a href="">反馈信息</a>
				<p>当前为最新版本 版本号：1.0</p>
				
			</div>
			<div data-role="content">
				<div id="search" style="position:relative;display:none;">
                   <input id="searchinput" placeholder="等待实现" value="" type="search" />
				</div>
				<div id="the9">
					<div class="ui-grid-a">
						<div class="ui-block-a" >
							<h1 style="text-align: center">宅</h1>
						</div>
						<div class="ui-block-b">
							<h1 style="text-align: center">男</h1>
						</div>
					</div>
					<div class="ui-grid-b">
						<div class="ui-block-a" id="commp" style="text-align:center;border-radius: 20px;background:#BDEDFF">
							<img src="./images/phone.png" width="64px">
							<p style="font-size:12px">常用号码</p>
						</div>
						<div class="ui-block-b" id="today" style="text-align:center;border-radius: 20px;background:#BDCCFF">
							<img src="./images/today.png" width="64px">
							<p style="font-size:12px">历史上的今天</p>
						</div>						
						<div class="ui-block-c" id="goodday" style="text-align:center;border-radius: 20px;background:#BDFFCF">
							<img src="./images/bagua.png" width="64px">
							<p style="font-size:12px">黄道吉日</p>
						</div>
						<div class="ui-block-a" id="iptool" style="text-align:center;border-radius: 20px;background:#FFAB8B">
							<img src="./images/ip.png" width="64px">
							<p style="font-size:12px">IP查询</p>
						</div>
						<div class="ui-block-b" id="trains" style="text-align:center;border-radius: 20px;background:yellow">
							<img src="./images/train.png" width="64px">
							<p style="font-size:12px">火车查询</p>
						</div>
						<div class="ui-block-c" id="dict" style="text-align:center;border-radius: 20px;background:#64FFFF">
							<img src="./images/dictionary.png" width="64px">
							<p style="font-size:12px">英汉词典</p>
						</div>
						<div class="ui-block-a" id="sfz" style="text-align:center;border-radius: 20px;background:#FF8000">
							<img src="./images/identity.png" width="64px">
							<p style="font-size:12px">身份证分析</p>
						</div>
						<div class="ui-block-b" id="phone_reg" style="text-align:center;border-radius: 20px;background:#64FF64">
							<img src="./images/phone1.png" width="64px">
							<p style="font-size:12px">号码分析</p>
						</div>
						<div class="ui-block-c" id="idcard" style="text-align:center;border-radius: 20px;background:#FF6464">
							<img src="./images/idcard.png" width="64px">
							<p style="font-size:12px">国外信息生成</p>
						</div>
					</div>

				</div>
			</div>
			
			
			<div data-role="footer" style="text-align:center;" data-position="fixed" data-theme="d">
				<a id="bt_search" data-icon="search" data-theme="d">搜索</a>
	            <a id="update0" data-theme="d">关于软件</a>
				 <fieldset data-role="controlgroup">
                <label for="toggleswitch1">
	                    手电筒
	                </label>
	                <select name="toggleswitch1" id="togglelight" data-theme="e" data-role="slider">
	                    <option value="off" selected="selected">
	                        Off
	                    </option>
	                    <option value="on " >
	                        On
	                    </option>
		            </select>
	            </fields>
			</div>
			

		</div>

	</body>